﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Profile.aspx.cs" Inherits="WebApplication1.Account.Profile" MasterPageFile="~/MasterPages/Site.master" %>

<asp:Content ID="head" runat="server" ContentPlaceHolderID="head">
    <style type="text/css">
   
        body .home
        {
        	background-image: url(/images/mentor.png);
        	background-repeat: no-repeat;
        	background-position: 42px 190px;
        }
        
        .pair
        {
        	clear: both;
        }
        
        .pair label
        {
        	display: block;
        	float: left;
        	text-align: right;
        	width: 200px;
        	margin-right: 10px;
        	font-weight: bold;
        	color: #999;
        }
        
        .pair div
        {
        	float: left;
        	width: 400px;
        	margin-bottom: 10px;
        }
        
        #profileInformation
        {
        	float: left;
        	margin-top: 10px;
        }
        
        #extraInformation
        {
        	float: right;
        	width: 225px;
        	margin-right: 50px;
        	height: 500px;
        }
        
        #extraInformation h3
        {
        	text-align: center;
        }
        
        #extraInformation textarea
        {
        	margin-top: 30px;
        	width: 100%;
        	height: 120px;
        	color: #666;
        }
        
        #extraInformation input
        {
        	display: block;
        	float: right;
        }
        
        .mentee
        {
        	padding-left: 10px;
        	clear: both;
        }
        
        .mentee .profilePic
        {
        	width: 30px;
        	height: 30px;
        	display: block;
        	float: left;
        	background-color: Navy;
        	margin-right: 5px;
        	margin-bottom: 15px;
        }
        
        .actionButton.request
        {
        	padding-top: 6px;
        	padding-bottom: 6px;
        	margin-top: 10px;
        	display: block;
        	background-color: #FFF;
        	text-align: center;
        	margin-left: 5px;
        	cursor: pointer;
        }
        
        .badge
        {
        }
        
        .badges
        {
        	line-height: 32px;
        	color: #777;
        	font-weight: bold;
        	font-size: 14pt;
        }
        
        .badges .badge
        {
        	float: left;
        	clear: both;
        }
        
        .badges div.badgeItem
        {
        	float: left;
        	width: 70px;
        	clear: none;
        	margin-bottom: 0px;
        	margin-top: 0px;
        }
    </style>
</asp:Content>

<asp:Content ID="main" runat="server" ContentPlaceHolderID="main">

    <img src="/images/profile3.jpg" class="profilePic topLeft" />

    <div id="profileInformation">
        <div class="pair">
            <label>Name:</label>
            <div>Eric Johannson</div>
        </div>

        <div class="pair">
            <label>Status:</label>
            <div class="good">
                Available for Mentoring
            </div>
        </div>

        <div class="pair">
            <label>Rating:</label>
            <div style="padding-bottom: 0px; margin-bottom: 0px;">
                <ajax:Rating ID="rating" runat="server" Enabled="false" CurrentRating="4" MaxRating="5" StarCssClass="star" FilledStarCssClass="filledStar" EmptyStarCssClass="emptyStar" WaitingStarCssClass="waitingStar" CssClass="starSet" />
            </div>
        </div>

        <div class="pair">
            <label>Badges Earned:</label>
            <div class="badges">
                <div class="badgeItem">
                    <img src="/images/icons/badge-gold.png" class="badge" />5
                </div>
                <div class="badgeItem">
                    <img src="/images/icons/dollar-gold.gif" class="badge" />18
                </div>
                <div class="badgeItem">
                    <img src="/images/icons/check-gold.gif" class="badge" />31
                </div>
                <div class="badgeItem">
                    <img src="/images/icons/star-gold.gif" class="badge" />26
                </div>
                <div class="clear"></div>
            </div>
        </div>



        <div class="pair">
            <label>Activity:</label>
            <div>
                Active in last 3 months<br />
                45 Individuals Mentored<br />
            </div>
        </div>

        <div class="pair">
            <label>Mentees Desired:</label>
            <div>
                5 maximum
            </div>
        </div>

        <div class="pair">
            <label>Time Commitment:</label>
            <div>
                3 hours/week
            </div>
        </div>

        <div class="pair">
            <label>Preferred Contact:</label>
            <div>
                SMS, Email, Skype, MentorMessaging
            </div>
        </div>

        <div class="pair">
            <label>Education:</label>
            <div>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in velit vel tortor tristique bibendum. 
                Fusce bibendum elit eget neque volutpat pulvinar. Duis non massa enim, feugiat commodo ipsum. 
                Curabitur justo magna, aliquet sed facilisis vel, cursus ut leo. Vestibulum vitae mi magna. 
                Maecenas odio nisi, tempor sed commodo vel, rutrum et mi. Mauris vitae eros neque, nec cursus metus. 
            </div>
        </div>

        <div class="pair">
            <label>Expertise/Skills:</label>
            <div>
                Cras euismod accumsan ante, non dapibus ipsum pellentesque quis. Fusce eget tortor a leo accumsan elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi enim arcu, venenatis vel hendrerit sed, dignissim vitae neque. Nam nec dolor quis lectus luctus posuere. Aliquam erat volutpat. Praesent eget eros nisl. Maecenas venenatis euismod orci, quis auctor purus luctus ut. 
            </div>
        </div>

        <div class="pair">
            <label>Professional Experience:</label>
            <div>
                Cras euismod accumsan ante, non dapibus ipsum pellentesque quis. Fusce eget tortor a leo accumsan elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi enim arcu, venenatis vel hendrerit sed, dignissim vitae neque. Nam nec dolor quis lectus luctus posuere. Aliquam erat volutpat. Praesent eget eros nisl. Maecenas venenatis euismod orci, quis auctor purus luctus ut. 
            </div>
        </div>

        <div class="pair">
            <label>Mentoring Goals:</label>
            <div>
                Cras euismod accumsan ante, non dapibus ipsum pellentesque quis. Fusce eget tortor a leo accumsan elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi enim arcu, venenatis vel hendrerit sed, dignissim vitae neque. Nam nec dolor quis lectus luctus posuere. Aliquam erat volutpat. Praesent eget eros nisl. Maecenas venenatis euismod orci, quis auctor purus luctus ut. 
            </div>
        </div>

        <div class="pair">
            <label>Fun Facts:</label>
            <div>
                Cras euismod accumsan ante, non dapibus ipsum pellentesque quis. Fusce eget tortor a leo accumsan elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi enim arcu, venenatis vel hendrerit sed, dignissim vitae neque. Nam nec dolor quis lectus luctus posuere. Aliquam erat volutpat. Praesent eget eros nisl. Maecenas venenatis euismod orci, quis auctor purus luctus ut. 
            </div>
        </div>
    </div>

    <div id="extraInformation">
        <h3>Currently Mentoring</h3>

        <div class="mentee">
            <img src="/images/profile4.jpg" class="profilePic" />
            <a href="/Profile/8128">Person Name</a><br />
            That One Company
        </div>
    
        <div class="mentee">
            <img src="/images/profile1.jpg" class="profilePic" />
            <a href="/Profile/8128">Person Name</a><br />
            That One Company
        </div>
    
        <div class="mentee">
            <img src="/images/blank-profile.jpg" class="profilePic" />
            <a href="/Profile/8128">Person Name</a><br />
            That One Company
        </div>
    
        <div class="mentee">
            <img src="/images/profile5.jpg" class="profilePic" />
            <a href="/Profile/8128">Person Name</a><br />
            That One Company
        </div>
        <div class="clear"></div>

        <asp:TextBox ID="textbox" runat="server" TextMode="MultiLine" Text="I would like to speak with you about mentoring." />
        
        <asp:LinkButton ID="request" runat="server" CssClass="actionButton request">
            <img src="/images/icon.gif" /> Request a 1-on-1
        </asp:LinkButton>

    </div>

    <div class="clear"></div>
</asp:Content>
